﻿<%@ Page CodeFileBaseClass="AliCMS.Lib.SystemPageBase" %>
<script language="c#" runat="server">
protected string Condition()
{
	StringBuilder condition = new StringBuilder();
	string and = String.Empty;

	#region 关键词
	string keyword = Request.QueryString["Keyword"];
	if (!String.IsNullOrEmpty(keyword))
	{
		if (Request.QueryString["KeywordType"] == "Name")
			condition.Append(and + Alias.OnlineService.Name + " LIKE '%" + keyword + "%'");
	}
	#endregion
	
	return condition.ToString();
}

protected string Sort()
{
	string sort = String.Empty;
	switch (Request.QueryString["Sort"])
	{
		case "1":
			sort = Alias.OnlineService.Sort + " ASC";
			break;
		case "2":
			sort = Alias.OnlineService.InnerID + " DESC";
			break;
		case "3":
			sort = Alias.OnlineService.InnerID + " ASC";
			break;
		default:
			sort = Alias.OnlineService.Sort + " ASC";
			break;
	}
	
	return sort;
}

</script>
<section data-page="online_service_list" data-title="在线客服列表" data-lang="<%=ContentLang%>">
	<dl class="path1">
		<dt><span>您的位置：</span>在线客服列表</dt>
		<dd>
			<select data-class="<%=ContentLang%>Font" data-ali-widget="combo">
				<ali:List Object="Language" Source="Manager.Languages">
					<ali:Record>
						<%If Convert.ToString(Ab) == ContentLang%>
							<option value="<%=Ab%>" selected><%=[AliCMS.SystemModule.Alias.Language.Name + PageLang]%></option>
						<%Else%>
							<option value="<%=Ab%>"><%=[AliCMS.SystemModule.Alias.Language.Name + PageLang]%></option>
						<%EndIf%>
					</ali:Record>
				</ali:List>
			</select>
		</dd>
	</dl>
	<div class="ali-tabs sub-nav" data-height-style="fill" data-event="click">
		<div class="ali-tabs-header">
			<div class="ali-tabs-nav-container">
				<ul>
					<li class="ali-active"><a>在线客服列表</a></li>
					<li><a href="add.aspx?Lang=<%=ContentLang%>" target="ali-navtab">添加在线客服</a></li>
				</ul>				
			</div>
		</div>
		<div class="ali-tabs-body">
			<div class="ali-tabs-panel">
				<form action="" class="search1">
                    <select name="Sort" data-class="<%=ContentLang%>Font" data-ali-widget="combo">
                        <option value="1">手动</option>
                        <option value="2">编号↓</option>
                        <option value="3">编号↑</option>
                    </select>
                    <input name="Keyword" class="ali-input <%=ContentLang%>Font" >
                    <select name="KeywordType" data-class="<%=ContentLang%>Font" data-ali-widget="combo">
                        <option value="Name">名称</option>
                        <option value="Account">账号</option>
                    </select>
					<button type="submit" class="ali-button">搜索</button>
				</form>
				<div class="content">
					<table data-ali-widget="grid" class="grid1">
						<thead>
							<tr>
                                <th width="80">移动</th>
                                <th>名称</th>
                                <th>类型</th>
                                <th>账号</th>
                                <th width="80">删除</th>
							</tr>
						</thead>
						<tbody>
                            <ali:List ID="List" Object="OnlineService" Page="PageNumber" PageSize="PageSizeValue" Condition="Condition()" Sort="Sort()" Validate="True">
                                <ali:Record>
                                    <tr data-id="<%=InnerID%>">
                                        <td data-sort="<%=InnerID%>" data-name="<%=Name%>"><%=InnerID%></td>
                                        <td class="<%=ContentLang%>Font"><a href="../online_service/edit.aspx?Lang=<%=ContentLang%>&amp;ID=<%=InnerID%>"  target="ali-navtab"><%=Name%></a></td>
                                        <td>
                                            <%If Convert.ToString(Type) == "WW"%>
                                                阿里旺旺
                                            <%ElseIf Convert.ToString(Type) == "Phone"%>
                                                电话
                                            <%Else%>
                                                QQ
                                            <%EndIf%>
                                        </td>
                                        <td><%=Account%></td>
                                        <td><a class="ali-button" data-operation="Delete">删除</a></td>
                                    </tr>
                                </ali:Record>
                            </ali:List>
						</tbody>
					</table>
					<ali:Pagination Page="PageNumber" PageSize="PageSizeValue" RecordCount="List[RecordCount]">
						<div class="pagination1" data-page-number="<%=PageNumber%>" data-page-count="<%=PageCount%>" data-page-size="<%=PageSize%>">
							<div class="pagination1-left">
								共<b><%=PageCount%></b>页，每页显示
									<select name="PageSize" data-ali-widget="combo">
										<option value="20">20</option>
										<option value="50">50</option>
										<option value="100">100</option>
										<option value="200">200</option>
									</select>条，共<b><%=RecordCount%></b>条记录
							</div>
							<ul class="pagination1-right">
								<ali:FirstPage>
									<ali:Yes>
										<li><span><span class="first disabled">首页</span></span></li>
										<li><span><span class="prev disabled">上一页</span></span></li>
									</ali:Yes>
									<ali:No>
										<li><a href="1"><span class="first">首页</span></a></li>
										<li><a href="<%=PageNumber - 1%>"><span class="prev">上一页</span></a></li>
									</ali:No>
								</ali:FirstPage>
								<ali:CurrentPage Range="5">
									<ali:Yes>
										<li class="active"><span><%=Index%></span></li>
									</ali:Yes>
									<ali:No>
										<li><a href="<%=Index%>"><%=Index%></a></li>
									</ali:No>
								</ali:CurrentPage>
								<ali:LastPage>
									<ali:Yes>
										<li><span><span class="next disabled">下一页</span></span></li>
										<li><span><span class="last disabled">末页</span></span></li>
									</ali:Yes>
									<ali:No>
										<li><a href="<%=PageNumber + 1%>"><span class="next">下一页</span></a></li>
										<li><a href="<%=PageCount%>"><span class="last">末页</span></a></li>
									</ali:No>
								</ali:LastPage>
			
								<li class="go">
									<input type="text" name="PageNumber" value="1" size="4"><button></button>
								</li>
							</ul>
						</div>
					</ali:Pagination>
				</div>
			</div>
		</div>
		<div class="ali-tabs-bottom"><b></b></div>
	</div>
</section>